<ul id="feature"></ul>
<!-- Declare a JsRender template, in a script block: -->
<script id="gameTmp5" type="text/x-jsrender">
  {{for list}}
  <li>
    <a href="game.html?id={{:Id}}"
      ><div class="img">
        <img
          data-src="{{:cover}}"
          src="{{:cover}}"
          lazy="loaded"
        />
      </div>
      <div class="info">
        <div class="name">{{:name}}</div>
        <div class="star">
          2.9
          <img
            alt=""
            src=""
          />
        </div></div
    ></a>
  </li>
    {{/for}}
</script>

<script>
  $.ajax({
    url: "https://app.nocodb.com/api/v2/tables/mg01furv08tboqh/records?viewId=vwkcjs6aeek51qs1&limit=6&shuffle=1&offset=0&where=(tag,anyof,New)",
    type: "GET",
    dataType: "json",
    headers: {
      "xc-token": "dePwLQ88UMbt4O9ndpBSQ-6RUC_nIhhpPea_0kTR",
    },
    contentType: "application/json; charset=utf-8",
    success: function (gameData) {
      // item Template
      let gameTmpl = $.templates("#gameTmp5");

      let gameHtml = gameTmpl.render(gameData);
      $("#feature").html(gameHtml);
    },
    error: function (error) {
      console.error(error);
    },
  });
</script>
